<template>
  <div>
    <!-- <h3>当前最新的count值为：{{ count }}</h3> -->
    <h3>{{ showNum }}</h3>
    <button @click="sub">-1</button>
    <button @click="subN(2)">-2</button>
    <button @click="subAsync">subAsync-1</button>
    <button @click="subAsyncN(2)">subAsync-2</button>
  </div>
</template>

<script>
import { mapState, mapMutations, mapActions, mapGetters } from 'vuex';
export default {
  data () {
    return { }
  },
  computed:{
    ...mapState(['count']),
    ...mapGetters(['showNum'])
  },
  methods:{
    ...mapMutations(['sub', 'subN']),
    ...mapActions(['subAsync', 'subAsyncN']),
    // handlerSub(){
    //   this.sub()
    // },
    // handlerSubN(){
    //   this.subN(2)
    // },
    // handlerSubAsync(){
    //   this.subAsync()
    // },
    // handlerSubAsyncN(){
    //   this.subAsyncN(2)
    // }
  }
}
</script>
